<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <script src="../build/react.development.js"></script>
    <script src="../build/react-dom.development.js"></script>
    <script src="../build/babel.min.js"></script>


  </head>
  <body>
    <div id="example"></div>
	<script type="text/babel">
		//1.创建虚拟DOM
		const VDOM =(
			<div>
				<h1>前端js框架列表</h1>
				
				<ul>
					<li>Angular</li>
					<li>React</li>
					<li>Vue</li>
				</ul>
				
			</div>
		)

		//2.渲染虚拟DOM到页面
		ReactDOM.render(VDOM,document.getElementById('example'))
	</script>
  </body>
</html>
